草庐IT

JavaScript ES6 模块 + traceur

全部标签

javascript - webpack:找不到模块:错误:无法解析(使用相对路径)

我有一个应用程序的结构(node_modules目录从这个列表中排除):├──actions.js├──bundle.js├──components│  ├──App.js│  ├──Footer.js│  ├──Link.js│  ├──Todo.js│  └──TodoList.js├──Containers│  ├──AddTodo.js│  ├──FilterLink.js│  └──VisibleTodoList.js├──index.html├──index.js├──main.js├──package.json├──package-lock.json├──reducers

javascript - 如何解决 React Native 中的模块名称冲突

我有两个名称完全相同的模块,属于两个不同的应用程序,这两个模块在功能上非常相似,除了样式。我正在创建一个主组件,并尝试根据我当前所在的应用程序导入这两个不同的模块。我想知道是否有一种方法可以有条件地导入模块,而不必为模块硬编码namespace,例如module_app1和module_app2但是而不是去做if(cond){importmodulefrom'path1';}else{importmodulefrom'path2';} 最佳答案 我用'as'。示例:importActionsfrom'../actions';impo

javascript - 如何在 Scala.js 中使用 AngularJS 的模块配置?

在纯JavaScript中你可以这样做:angular.module('mymodule',['ionic']).config(function($someParam1,$someParam2){//dosomethingwiththeparameters}我正在尝试使用Scala.js来做到这一点。我尝试了以下三种尝试,均失败了:尝试1:使用scalajs-angularAngular.module("mymodule",Seq("ionic")).config(MyConf)问题:MyConf必须扩展Config而我没有找到任何可以传递参数的位置。尝试2:使用scalajs-ang

javascript - Webpack ProvidePlugin/vendor bundle : angular. 模块不是函数

我有一个Angular应用程序,目前通过Webpack构建成一个大包,在一个文件中包含所有依赖项和应用程序代码。我试图将代码分成两个包,一个包含我的所有依赖项,另一个包含我的所有应用程序代码。我有以下webpack.config.js:varwebpack=require('webpack');varpath=require('path');vardefinePlugin=newwebpack.DefinePlugin({'process.env':{NODE_ENV:`"${process.env.NODE_ENV}"`}});varSRC=path.resolve(__dirnam

javascript - 有没有办法结合 Webpack 模块来减小文件大小?

我正在使用CSS模块,所以Webpack生成的很多模块看起来像这样:124:function(t,e,n){t.exports={textarea:"TextareaStyles__textarea"}},然后,在React中使用:returnt(r,{onInput:o(this,"str"),class:a.a.textarea})如果Webpack将CSS模块和React组件合并到一个模块中,它会更小。然后,Uglify/Terser可能只是将其内联:returnt(r,{onInput:o(this,"str"),class:"TextareaStyles__textarea"

javascript - 模块 'ngMockE2E' 不可用! AngularJS

在我的浏览器中出现以下错误:UncaughtError:[$injector:modulerr]FailedtoinstantiatemodulesayHiAppdueto:Error:[$injector:modulerr]FailedtoinstantiatemodulengMockE2Edueto:Error:[$injector:nomod]Module'ngMockE2E'isnotavailable!Youeithermisspelledthemodulenameorforgottoloadit.Ifregisteringamoduleensurethatyouspecif

javascript - Browserify - 找不到模块 'jquery'

我正在尝试将我的应用程序与browserify捆绑在一起,但出现此错误:Cannotfindmodule'jquery'from'/home/test/node_modules/backbone'现在已经有人问过这种性质的问题,但解决方案对我没有帮助。也许我有一些独特的案例。在另一个应用程序中,运行npminstalljquery修复了它。我的package.json中没有它,我也不需要在我的任何文件中使用jquery,就像所做的一样here.一切正常。在这个新应用程序中,它不会。我尝试用npm重新安装jquery。没有什么。在package.json中将它添加到我的依赖项中。没有什么

javascript - 使用 AngularJS 在模块之间共享?

假设我有一个stuff模块,我想将其注入(inject)到myApp配置中:angular.module('myApp',['stuff']).config([function(){}]);有两个子模块:angular.module("stuff",["stuff.thing1","stuff.thing2"]);这是第一个:angular.module('stuff.thing1',[]).provider("$thing1",function(){varglobalOptions={};this.options=function(value){globalOptions=value

javascript - 如何有选择地导入 ES2015 模块函数,但带有命名空间?

我开始使用Rollup和D3版本4,它是用ES2015模块编写的。我使用传统的D3命名空间“d3”编写了一些代码。现在我想使用Rollup创建一个自定义包。我想使用tree-shaking,因为我可能只使用了d3中大约一半的函数,而且我想尽可能地保持轻便。我很清楚我可以有选择地导入函数,例如:import{scaleLinear}from"d3-scale";import{event,select,selectAll}from"d3-selection";这很快就会变得非常冗长,因为d3的一半是很多函数。我可以忍受这一点。更大的问题是它还需要在没有namespace的情况下完全重写我所

javascript - 替换测试中的特定模块

我正在使用Jest测试我的React-Redux应用程序,作为我的API调用的一部分,我正在导入一个获取模块cross-fetch。我想用fetch-mock覆盖或替换它。这是我的文件结构:Action.jsimportfetchfrom'cross-fetch';exportconstapiCall=()=>{returnfetch('http://url');Action.test.jsimportfetchMockfrom'fetch-mock';import{apiCall}from'./Action';fetchMock.get('*',{hello:'world'});de